<template>
  <el-card class="content">
    <el-row>
      <el-col :span="4">
        <span>角色名称：</span>
        <el-input
          placeholder="请输入角色名称"
          size="mini"
          style="width: 200px"
          clearable
        ></el-input>
      </el-col>
      <el-col :span="6">
        <el-button class="black-button" size="small">查询</el-button>
      </el-col>
    </el-row>
    <p class="bg-purple">权限信息列表</p>
    <el-table :data="tableData" stripe size="small">
      <el-table-column
        prop="date"
        label="角色"
        align="center"
      ></el-table-column>
      <el-table-column
        prop="name"
        label="创建时间"
        align="center"
      ></el-table-column>
      <el-table-column prop="address" label="操作" align="center">
        <template>
          <el-button type="text" size="small">修改权限</el-button>
          <el-button type="text" size="small">删除权限</el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-row type="flex" justify="end">
      <!-- <el-col :span="7"> -->
      <el-pagination background layout="prev, pager, next, jumper" :total="8">
      </el-pagination>
      <!-- </el-col> -->
    </el-row>
  </el-card>
</template>

<script>
export default {
  name: "AuthorityManagementChild",
  data() {
    return {
      value1: "",
      value2: "",
      //   表格数据
      tableData: [
        {
          date: "试用",
          name: "2018-10-25 16:31:39",
        },
        {
          date: "临时员",
          name: "2018-01-24 08:49:16",
        },
        {
          date: "jxkb",
          name: "2017-09-15 15:58:12",
        },
        {
          date: "操作员",
          name: "2017-05-02 10:46:46",
        },
      ],
      // 当前页数
      currentPage: 1,
      // 当前页面条数
      currentSize: 10,
    };
  },
  methods: {
    // 分页查询角色列表
    // async getAuthorityList() {
    //   const res = await getAuthorityList({
    //     roleName: this.query.platformId ,
    //   });
  },
};
</script>

<style scoped>
.content {
  height: 87vh;
}

.black-button {
  background-color: black;
  color: white;
}

.bg-purple {
  background: #d3dce6;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding-left: 10px;
}
.el-button {
  font-size: 14px;
  margin-bottom: 8px;
}
.el-table::before {
  z-index: inherit;
}
</style>
